@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color:#878787;
    font-size: 13px;
}
.header{
    height: 110px;
    border-bottom: 1px solid #dddddd;
    line-height: 110px;

}
.sul{

}
.sul li{
    float: left;
    margin-left: 40px;
    color: #999999;
}
.sul li:hover{
    color: black;
    cursor: pointer;
}
/******************************/
.section{
    height: 850px;
    /*border: 1px solid red;*/
    background:#FEFDFE;
}
.section h1{
    font-size: 40px;
    height: 100px;
    line-height: 100px;
   margin-left: 420px;
}
.section p{
    font-size: 18px;
    margin-left: 390px;
    color: #505050;
}
/*******************************/
.section .ljxz{
    margin-top: 30px;
    width: 145px;
    height: 55px;
    background: #4DD467;
    margin-left: 595px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 9px;

}
.section .ljxz a{
    line-height: 55px;
    height: 55px;
    text-decoration: none;
    color: white;
    margin-left: 50px;
}
/**********************************************/
.foot{
    height:333px;
    background:#505050;
}
.foot_1{
    height: 240px;
    border-bottom: 1px solid dimgrey;
}
.foot span{
    color: #D8D8CA;
}
.foot .x1 ul,
.foot .x2 ul,
.foot .x3 ul,
.foot .x4 ul{
    float: left;
    margin-top: 34px;
}
.foot .x1{
    margin-left: 200px;
}
.foot  .x2{
   margin-left: 425px;
}
.foot .x3{
    margin-left: 670px;
}
.foot .x3 .q3{
    width: 15px;
    height: 12px;
    /*border: 1px red solid;*/
    float: right;
    margin-top: 10px;
    margin-left: 5px;
    background: url("../img/hf-spritesheet.png");
    background-size: 114px 115px;
    background-position: -66px -25px;
}
.foot .x4{
    margin-left: 930px;
}
.foot .x1 ul li,
.foot .x2 ul li,
.foot .x3 ul li,
.foot .x4 ul li{
    height: 27px;
    line-height: 27px;
}
.foot .x1 ul li a:hover,
.foot .x2 ul li a:hover,
.foot .x3 ul li a:hover,
.foot .x4 ul li a:hover{
    text-decoration: underline;
}
.foot .foot_2 .t1,.t2,.t3,.t4,.t5{
    /*border: 1px solid red;*/
    height: 26px;
    width: 26px;
    float: left;
    margin-top: 30px;
}
.foot .foot_2 .t1{
     background:url("../img/hf-spritesheet.png");
     background-size: 114px 115px;
     background-position: -26px 0;
 }
.foot .foot_2 .t1:hover{
    background-position: 0 0;
    cursor: pointer;
}
.foot .foot_2 .t2{
    background:url("../img/hf-spritesheet.png");
    background-size: 114px 115px;
    background-position: -78px 0;
}
.foot .foot_2 .t2:hover{
    background-position: -62px -62px;
    cursor: pointer;
}
.foot .foot_2 .t3{
    background:url("../img/hf-spritesheet.png");
    background-size: 114px 115px;
    background-position: -88px -52.5px;
}
.foot .foot_2 .t3:hover{
    background-position:-80px -26px;
    cursor: pointer;
}
.foot .foot_2 .t4{
    background:url("../img/hf-spritesheet.png");
    background-size: 114px 115px;
    background-position: 0 -52px;
}
.foot .foot_2 .t4:hover{
    background-position:-40px -26px;
    cursor: pointer;
}
.foot .foot_2 .t5{
    background:url("../img/hf-spritesheet.png");
    background-size: 114px 115px;
    background-position: 0 -26px;
}
.foot .foot_2 .t5:hover{
    background-position: -52px 0;
    cursor: pointer;
}
.foot .foot_2 .t6,.t7,.t8,.t9,.t10{
    float: left;
    margin-top: 30px;
    /*margin-left: 50px;*/
}
.foot .foot_2 .t9 .q1{
      width: 15px;
      height: 15px;
      /*border: 1px solid red;*/
      float: left;
      background:url("../img/hf-spritesheet.png");
      background-size: 114px 115px;
      background-position: -26px -26px;
      margin-top: 5px;
}
.foot .foot_2 .t10 .q2{
    width: 15px;
    height: 20px;
    /*border: 1px solid red;*/
    float: right;
    background:url("../img/hf-spritesheet.png");
    background-size: 114px 115px;
    background-position: -66px -42px;
}